<?php
    include '../h5.php';
    $h5 = new h5('xq');
    $qid = $_GET['qid'];
    if(intval($qid)){
        $query = 'select content,qid,title from question where qid = '.intval($qid);
        $row = $h5->mysql->get_one($query);
        $content = preg_replace("/<[^>]*>/", '',$row['content']);
        $content = str_replace(array("&nbsp;","&gt;","&lt;"),array("",">","<"),$content);
        $question[$k] = $content;
        $Array  = preg_split('/\。|\？|\！|\.|\?|\!/is', $content); 
        $desc=  $Array[0];
    } 
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <title><?php echo $row['title']?></title>
    <meta name=”x5-orientation” content=”portrait”>
     <script src="./jquery.js"></script>
    <script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>    
    <script src="./WWeixinApi.js?v=199"></script>
    <style>
        *{margin: 0; padding: 0;}
        html,body{width:100%;height: 100%;overflow:hidden;font-family: "微软雅黑";font-size:50px;margin:0;padding:0}
        p,ul,li{font-size: 16px;}
        div,img{width:100%;display: block;}
        li{list-style: none;}

        .que{width: 100%; height: 100%; position: relative; top: 0; left: 0; overflow: hidden}
        .bigBox{width: 100%; height: 100%;  overflow: hidden;}
        .wrap{width: 100%; height: 89%; margin-top: 1.3rem; position: absolute;overflow:auto;overflow-y:scroll;-webkit-overflow-scrolling: touch; z-index: 11;}
        .void{width: 7.5rem; height: 14rem; position: absolute;}
        .bg{width: 100%; height: 100%; background: #fff; position: absolute;}
        .nameWrap{width: 7rem; padding: 0.4rem 0.22rem; position: relative;}
        .w_img{width: 0.49rem; height: 0.49rem; position: absolute; top: 0.4rem; left: 0.25rem;}
        .name{width: 7rem; font-size: 0.42rem; color: #000; font-weight: bold; text-indent: 0.6rem;}
        .content{width: 7rem; margin-left: 0.25rem; position: absolute;}
        .title{width: 7.5rem; height: 1.22rem; position: fixed; top: 0; left: 0; z-index: 10;}
        .open1{width: 1.32rem; height: 0.56rem; position: fixed; top: 0.26rem; left: 5.88rem; z-index: 11;}
        .open2{width: 1.92rem;height: 0.64rem;position: fixed; bottom: 0.7rem;left: 50%;transform: translateX(-50%); z-index: 11;}
        /*.open3{width: 7.5rem; height: 1.07rem; position: fixed; bottom: 0; left: 0; z-index: 11;}
        .btnOpen3{width: 2rem; height: 1rem; position: fixed; bottom: 0; right: 0; z-index: 11;}*/
        .tips-warp{position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.6); top: 0; left: 0; z-index: 10000; display: none; }
        .tips{ position: absolute; width: 100%; top: 0; left: 0; }
        .tips img{ width: 100%; }
    </style>
</head>
<body>
    <div class="que">
        <div class="bg"></div>
        <div class="bigBox">
            <div class="wrap">
                <div class="void"></div>
                <div class="nameWrap">
                    <div><img class="w_img" src="images/w_img.jpg" alt=""></div>
                    <div class="name"><?php echo $row['title']?></div>
                </div>
                <div class="content"><?php echo $row['content']?></div>
            </div>
        </div>
        <div class="title"><img src="images/title.png"></div>
        <div class="open1"><img src="images/open1.png" alt=""></div>
        <div class="open2"><img src="images/open2.png" alt=""></div>
      <!--   <div class="open3"><img src="images/open3.png" alt=""></div>
        <div class="btnOpen3"></div> -->
        <div class="tips-warp">
            <div class="tips"><img src="images/tips.png"></div>
        </div>
    </div>
    <script>
        wxData.title='<?php echo $row['title']?>';
        wxData.qtitle='<?php echo $row['title']?>';
        wxData.link=baseurl+'question.php?qid='+'<?php echo $qid?>';
        wxData.desc='<?php echo $desc?>';
        wxData.share();
        document.getElementsByTagName("html")[0].style.fontSize=window.innerWidth/750*100+"px";

        init();
        openApp();
        function init(){

            var content = document.getElementsByClassName("content")[0];
        }

        function openApp(){
            var open1 = document.getElementsByClassName("open1")[0];
            var open2 = document.getElementsByClassName("open2")[0];
            // var btnOpen3 = document.getElementsByClassName("btnOpen3")[0];
            var url ='';

            open1.addEventListener("click",function(){
                console.log('open1');
                if(!showTips()){
                    //window.location.href = "cocolion://wenda?qid=<?php echo $qid ?>";
                    if(navigator.userAgent.match(/(iPhone|iPod|iPad);?/i))
                    {
                        window.location.href = "cocolion://wenda?qid=<?php echo $qid ?>";//ios app协议
                        window.setTimeout(function() {
                            window.location.href = "https://itunes.apple.com/cn/app/可可狮/id1445816354?mt=8";
                        }, 2000)
                    }
                    if(navigator.userAgent.match(/android/i))
                    {
                        window.location.href = "cocolion://wenda?qid=<?php echo $qid ?>";//android app协议
                        window.setTimeout(function() {
                            window.location.href = "http://a.app.qq.com/o/simple.jsp?pkgname=com.android.kekeshi";//android 下载地址
                        }, 2000)    
                    } 
                }
                // window.location.href = url;

            })
            open2.addEventListener("click",function(){
                console.log('open2');
                // window.location.href = url;
                if(!showTips()){
                    //window.location.href = "cocolion://wenda?qid=<?php echo $qid ?>";
                    if(navigator.userAgent.match(/(iPhone|iPod|iPad);?/i))
                    {
                        window.location.href = "cocolion://wenda?qid=<?php echo $qid ?>";//ios app协议
                        window.setTimeout(function() {
                            window.location.href = "https://itunes.apple.com/cn/app/可可狮/id1445816354?mt=8";
                        }, 2000)
                    }
                    if(navigator.userAgent.match(/android/i))
                    {
                        window.location.href = "cocolion://wenda?qid=<?php echo $qid ?>";//android app协议
                        window.setTimeout(function() {
                            window.location.href = "http://a.app.qq.com/o/simple.jsp?pkgname=com.android.kekeshi";//android 下载地址
                        }, 2000)    
                    } 
                }
            })
            // btnOpen3.addEventListener("click",function(){
            //     console.log('btnOpen3');
            //      window.location.href = "https://shop202012.youzan.com/";
               
            // })
            tipsWarp.addEventListener("click",function(){
                tipsWarp.style.display = 'none';
            });
        }

        function showTips(){
            if(!isWeiXin()){
                return false;
            }
            var tipsWarp = document.getElementsByClassName('tips-warp')[0];
            tipsWarp.style.display = 'block';
            return true;

        }

        function isWeiXin(){
            //window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息，这个属性可以用来判断浏览器类型
            var ua = window.navigator.userAgent.toLowerCase();
            //通过正则表达式匹配ua中是否含有MicroMessenger字符串
            if(ua.match(/MicroMessenger/i) == 'micromessenger'){
                return true;
            }else{
                return false;
            }
        }
    function submitFn(){
    //判断浏览器
    var u = navigator.userAgent;
    if(/MicroMessenger/gi.test(u)){
       // 引导用户在浏览器中打开
        alert('请在浏览器中打开');
        return;
    }
    var d = new Date();
    var t0 = d.getTime();
    if(u.indexOf('Android') > -1 || u.indexOf('Linux') > -1){
        //Android
        if(openApp1('cocolion://wenda?qid=<?php echo $qid ?>')){
            openApp1('cocolion://wenda?qid=<?php echo $qid ?>');
        }else{
            //由于打开需要1～2秒，利用这个时间差来处理－－打开app后，返回h5页面会出现页面变成app下载页面，影响用户体验
            var delay = setInterval(function(){
                 var d = new Date();
                 var t1 = d.getTime();
                 if( t1-t0<3000 && t1-t0>2000){
                    // alert('请下载APP');
                     window.location.href = "";
                 }
                 if(t1-t0>=3000){
                      clearInterval(delay);
                 }
            },1000); 
        }
    }else if(u.indexOf('iPhone') > -1){
        //IOS
        if(openApp1('cocolion://wenda?qid=<?php echo $qid ?>')){  
            openApp1('cocolion://wenda?qid=<?php echo $qid ?>');
        }else{
            var delay = setInterval(function(){
                var d = new Date();
                var t1 = d.getTime();
                if( t1-t0<3000 && t1-t0>2000){
                    // alert('请下载APP');
                    window.location.href = "";
                }
                if(t1-t0>=3000){
                    clearInterval(delay);
                }
            },1000);
        }
    }    
}

function openApp1(src) {
// 通过iframe的方式试图打开APP，如果能正常打开，会直接切换到APP，并自动阻止a标签的默认行为
// 否则打开a标签的href链接
     var ifr = document.createElement('iframe');
     ifr.src = src;
     ifr.style.display = 'none';
     document.body.appendChild(ifr);
     window.setTimeout(function(){
          document.body.removeChild(ifr);
     },2000);
}
    </script>
</body>
</html>